<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/footer.css">
    <link rel="stylesheet" href="css/reset.css">
    <style>
        /* body{
            height: 3500px;
            background-color: red;
        } */
    </style>
</head>
<body>
    <div class="a_bottom">
        <div class="footer">
            <div class="center">
                <div class="left">
                    <a href="#">
                        <img src="img/djc_logo.png" alt="">
                    </a>
                </div>
                <ul class="middle">
                    <li>
                        <a href="#">
                            <span class="s1"></span>
                            购物指南
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="s2"></span>
                            配送方式
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="s3"></span>
                            常见操作
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="s4"></span>
                            售后服务
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <span class="s5"></span>
                            关于我们
                        </a>
                    </li>
                </ul>
                <ul class="right">
                    <li>
                        <img src="img/gzh1.jpg" alt="">
                        <p>聚诚品公众号</p>
                    </li>
                    <li>
                        <img src="img/gzh2.jpg" alt="">
                        <p>道聚城公众号</p>
                    </li>
                    <li class="r1">
                        <img src="img/gzh3.jpg" alt="">
                        <p>掌上道聚城</p>
                    </li>
                </ul>
            </div>
        </div>
        <div class="f1">
            <div>
                <p>
                    <a href="#">腾讯互动娱乐</a> |
                    <a href="#">服务条款</a> |
                    <a href="#">腾讯游戏隐私保护指引</a> |
                    <a href="#">腾讯游戏儿童隐私保护指引</a> |
                    <a href="#">广告服务</a> |
                    <a href="#">腾讯游戏招聘</a> |
                    <a href="#">腾讯游戏客服</a> |
                    <a href="#">游戏地图</a> |
                    <a href="#">成长守护平台</a> |
                    <a href="#">商务合作</a> |
                    <a href="#">网站导航</a>
                </p>
                <p>
                    <a href="#">粤网文[2014]0633-233号 </a>
                    &nbsp;增值电信业务经营许可证
                    <a href="#">粤B2-20090059</a>
    
                    <a href="#">B2-20090028</a>
                    &nbsp;违法和不良信息举报电话: 0755-83767606
                </p>
                <p>COPYRIGHT © 1998 - 2020 TENCENT. ALL RIGHTS RESERVED.</p>
                <p>
                    <a href="#">腾讯公司 版权所有</a>
                </p>
            </div>
        </div>
        <div class="f2">
            <a href="#">
                <img src="img/gswj.png" alt="">
                工商网监电子标识
            </a>
        </div>
        <div class="fix">
            <a href="#" class="a1">
                <div class="d1"></div>
                <span class="sp1">
                    我的<br>订单
                </span>
            </a>
            <a href="#" class="a2">
                <div class="d2"></div>
                <span class="sp2">
                    我的<br>地址
                </span>
            </a>
            <a href="#" class="a3">
                <div class="d3"></div>
                <span class="sp3">
                    购<br>物<br>车
                </span>
                <div class="d4">0</div>
            </a>
            <a href="#" class="a4">
                <div class="d5"></div>
                <span class="sp4">咨询</span>
            </a>
        </div>
        
    </div>
</body>
</html>
<script src="js/jquery-3.2.1.min.js"></script>

